---
import FontAwesomeIcon from "../FontAwesomeIcon.astro";
---

<div class="card card-hover">
  <div class="icon-badge mb-4">
    <FontAwesomeIcon icon={Astro.props.icon} />
  </div>
  <h3 class="text-lg font-semibold mb-2">{Astro.props.title}</h3>
  <p class="text-muted-foreground">
    {Astro.props.description}
  </p>
</div>
